<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>发表评价</title>
    <link rel="stylesheet" href="../../css/amazeui.min.css">
    <link rel="stylesheet" href="css/app.css">
    <style>
    	body{
    		
    	}
    	.satisfaction {
			width: 40px;
			height: 35px;
			background: url(images/order/checked.png) no-repeat;
			-webkit-background-size: 100% 100%;
	        background-size: 100% 100%;
			float: left;
			margin-top:0px;
			padding:0px 0px 0px 0px;
		}
		
		.unchecked {
	        background: url(images/order/unchecked.png) no-repeat;
	        -webkit-background-size: 100% 100%;
	        background-size: 100% 100%;
	    }
    </style>
</head>
<body>


<div id='header' class="am-g am-topbar-fixed-top" >

	<div  onclick="api.closeWin();"  class="am-u-sm-2" style="margin-top:12px;padding-left: 17px">
		<img  src="images/arr-l.png" style="height: 18px;"/>
	</div> 
	<div class="am-u-sm-8 til" style="margin-top:13px;text-align:center;color:#FFFFFF" >
		发表评价
	</div>
	<div class="am-u-sm-2" style="font-size: 20px;margin-top:10px;color:white;text-align:center;">

   </div>

</div>


<div class="am-g" style="margin-top: 50px;">
     
   <div class="am-u-sm-12" style="border-bottom:1px solid #f3f4f6;padding:10px">
	   <div class="am-u-sm-3" style="padding: 0px">
	   	   <img id="proimg" src="../../image/noImage.png" style="height:90px;border:none;">
	   </div>
	   <div class="am-u-sm-9" style="padding: 0px" id="proname">
	   	 
	   </div>			
  </div>
     
</div>

<!--评分-->
<div class="am-g" style="margin-top: 10px">
   <div class="am-u-sm-12" style="margin-top: 10px;">
  		  <div class="satisfaction"  val='1'></div>
          <div class="satisfaction"  val='2'></div>
          <div class="satisfaction"  val='3'></div>
          <div class="satisfaction"  val='4'></div>
          <div class="satisfaction"  val='5'></div>
  	</div>

</div>


<div class="am-g" style="margin-top:5px;">
	<div class="am-u-sm-12" style="border-bottom:0px solid #f3f4f6;padding:10px">
	   <textarea rows="3" class="am-form-field" style="border-radius:5px;" id="content" placeholder="购买体会..."></textarea>
	</div>
	
</div>


<!--评论数据-->
<div class="am-g" style="margin-bottom:60px;" id="commentlist">

   <div class="am-u-sm-12" style="padding: 0px">
	   <div class="am-u-sm-12" style="padding:0px;margin-top:5px;">
	       <div class="am-u-sm-4" >
	          <i class="am-icon-star" style="color: #fc7d0d"></i>
	       </div>
	       <div class="am-u-sm-8" style="font-size:14px;text-align: right">
	          张三   2015-09-09：11：22：12
	       </div>
	   </div>
	   <div class="am-u-sm-12">
	        评论内容
	   </div>
   </div>
   
   
</div>






<div class="am-g am-topbar-fixed-bottom" id="commentbut" style="background:#eaedf1;padding:10px;display:none">
	<div class="am-u-sm-12">
		<div class="am-u-sm-6">
	      <label class="am-checkbox-inline">
	        <input id="niming"  type="checkbox"  value="匿名"> 匿名评价
	      </label>
	      
	    </div>
	    
	    <div class="am-u-sm-6">
	      <button type="button"  onclick="addpingjia();" style="border-radius:5px;background:#f40;color:white;" class="am-btn  am-btn-block">提交</button>
	    </div>
    </div>
</div>


	
</body>

<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="js/commentfrom.js"></script>

</html>